<h4 class="site-subtitle">1. 基础动画</h4>
<div class="site-info">
    <div class="list-box">
        <%
                var animationList = ['bounce', 'flip', 'flash', 'shake', 'swing', 'wobble', 'ring',
                    'fadein', 'fadeinT', 'fadeinR', 'fadeinB', 'fadeinL', 'bouncein', 'bounceinT',
                    'bounceinR', 'bounceinB', 'bounceinL', 'rotatein', 'rotateinLT', 'rotateinLB',
                    'rotateinRT', 'rotateinRB', 'flipin', 'flipinX', 'flipinY', 'fadeout', 'fadeoutT',
                    'fadeoutR', 'fadeoutB', 'fadeoutL', 'bounceout', 'bounceoutT', 'bounceoutR',
                    'bounceoutB', 'bounceoutL', 'rotateout', 'rotateoutLT', 'rotateoutLB', 'rotateoutRT',
                    'rotateoutRB', 'flipout', 'flipoutX', 'flipoutY'];
            %>
        <% for (let i = 0; i < animationList.length; i++) { %>
        <div class="box-item" data-animation="<%=animationList[i] %>">
            <div class="box-title">动画</div>
            <div class="box-text">
                <%=animationList[i] %>
            </div>
        </div>
        <% } %>
    </div>
</div>